// Z-index
$z-index-sticky: 1000;
$z-index-fixed: 1010;
$z-index-dropdown: 1020;
$z-index-modal: 1030;
$z-index-popover: 1040;
$z-index-tooltip: 1050;

// Layout
$header-height: 60px;
$nav-height: 39px;
$nav-left-width: 230px;
$nav-right-width: 365px;
$container-width: 1200px;
$max-width: 1500px;

// Search
$search-height: 40px;
$search-input-height: 38px;
$search-btn-width: 45px;
$search-border-radius: 4px;

// Colors
$primary-color: #131921;
$primary-light: #232f3e;
$secondary-color: #f08804;
$hover-color: #febd69;
$button-hover: #f4d078;

// Text colors
$text-color: #0F1111;
$text-primary: #333;
$text-secondary: #565959;
$text-white: #fff;
$text-light: #565959;
$text-gray: #565959;
$text-muted: #767676;
$text-danger: #c40000;

// Icon colors
$icon-color: #666666;
$icon-light: #999999;
$icon-dark: #333333;
$icon-hover: $hover-color;

// Link colors
$link-color: #007185;
$link-hover: #c45500;

// Border colors
$border-color: #e0e0e0;
$border-light: #ddd;
$border-dark: #a6a6a6;

// Background colors
$bg-primary: $primary-color;
$bg-light: #f5f5f5;
$bg-white: #ffffff;
$background-light: #f5f5f5;
$background-dark: #232f3e;
$background-hover: #485769;

// Spacing
$spacing-xxs: 2px;
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;

// Font sizes
$font-size-xs: 12px;
$font-size-sm: 14px;
$font-size-base: 16px;
$font-size-md: 16px;
$font-size-lg: 18px;
$font-size-xl: 20px;
$font-size-2xl: 24px;
$font-size-3xl: 30px;
$font-size-4xl: 36px;

// Font weights
$font-weight-light: 300;
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-semibold: 600;
$font-weight-bold: 700;

// Line heights
$line-height-tight: 1.25;
$line-height-normal: 1.5;
$line-height-relaxed: 1.75;

// Border radius
$border-radius-sm: 4px;
$border-radius-md: 8px;
$border-radius-lg: 12px;

// Box shadow
$box-shadow: 0 2px 5px rgba(15, 17, 17, 0.15);

// Breakpoints
$breakpoint-sm: 576px;
$breakpoint-md: 768px;
$breakpoint-lg: 992px;
$breakpoint-xl: 1200px;

// Base styles
$base-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 
                   'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
$base-line-height: 1.5;
$base-font-weight: 400;

// Transitions
$transition-base: all 0.3s ease;

// Amazon UI Colors
$amazon-orange: #FF9900;  // 主要橙色
$amazon-orange-dark: #E47911;  // 深橙色，用于悬停
$amazon-yellow: #FFD814;  // 黄色按钮背景
$amazon-yellow-hover: #F7CA00;  // 黄色按钮悬停
$amazon-yellow-border: #FCD200;  // 黄色按钮边框

$amazon-link: #007185;  // 链接颜色
$amazon-link-hover: #C7511F;  // 链接悬停颜色

$amazon-success: #007600;  // 成功/库存状态
$amazon-error: #CC0C39;  // 错误/警告
$amazon-prime: #00A8E1;  // Prime蓝色

$amazon-text-primary: #0F1111;  // 主要文本
$amazon-text-secondary: #565959;  // 次要文本

$amazon-border: #D5D9D9;  // 边框颜色
$amazon-border-hover: #888C8C;  // 边框悬停颜色

$amazon-background-light: #F0F2F2;  // 浅色背景
$amazon-background-secondary: #F7F8F8;  // 次要背景色

// Breakpoints
$breakpoint-mobile: 768px;
$breakpoint-tablet: 1024px;
$breakpoint-desktop: 1280px;

// Media queries
$media-mobile: '(max-width: #{$breakpoint-mobile})';
$media-tablet: '(min-width: #{$breakpoint-mobile + 1px}) and (max-width: #{$breakpoint-tablet})';
$media-desktop: '(min-width: #{$breakpoint-tablet + 1px})';

:root {
  --primary-color: #ff4400;
  --secondary-color: #ff9900;
  --text-color: #333333;
  --text-color-secondary: #666666;
  --text-color-light: #999999;
  --border-color: #eeeeee;
  --background-color: #f5f5f5;
} 